

        <h2 class="sub-header">新增联系人</h2>
        <form>
          <div class="form-group">
            <label for="name">姓名</label>
            <input type="text" class="form-control" id="name" placeholder="Name" name="name"
            [(ngModel)]="contact.name" required >
          </div>
          <div class="form-group">
            <label for="exampleInputEmail1">邮箱</label>
            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email" name="email"
            [(ngModel)]="contact.email">
          </div>
          <div class="form-group">
            <label for="tel">电话</label>
            <input type="tel" class="form-control" id="tel" placeholder="0123456789" name="tel"
            [(ngModel)]="contact.phone" required>
          <button type="submit" class="btn btn-info" (click) ="addContact()">创建</button>
          </div>
        </form>
    
